<template>
  <div>child组件 - {{ name }} - {{ name2 }}</div>
</template>

<script>
import { ref, toRefs, onMounted } from "vue";
export default {
  // props接受数据也要写在setup的外面
  props: ["name"],
  // setup可以接受第一个参数是props
  // props是不能直接解构，会消除props的响应式

  // setup可以接受第二个参数是context
  // 是一个对象，里面有4个属性
  setup(props, { emit }) {
    // console.log(context);
    const { name } = toRefs(props);
    const name2 = ref(name);

    onMounted(() => {
      // this.$emit => context.emit
      emit("getage");
    });

    return {
      name2,
    };
  },

  // data() {
  //   return {
  //     sex: 1
  //   }
  // }
};
</script>
